.bannerout {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    margin-bottom: 45px;
}

.banner {
    position: relative;
    width: 700px;
    height: 300px;
    border-radius: 8px;
    overflow: hidden;
}

.bannerin {
    width: 2100px;
    height: 300px;
    display: flex;
    flex-wrap: nowrap;
    transition: transform 0.5s ease;
}

.banneritem {
    width: 700px;
    height: 300px;
}

.switchbanner {
    position: absolute;
    height: auto;
    width: auto;
    bottom: 20px;
    left: 20px;
    cursor: default;
}

.switchnoact {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.5;
    margin: 0 4px 0 4px;
    cursor: pointer;
    transition: all .24s ease
}

.switchact {
    width: 4rem;
    border-radius: 100vw;
    opacity: 0.75;
    margin: 0 4px 0 4px;
    cursor: pointer;
    transition: all .24s ease
}
